<%@page import="modelo.servicio.Secciones"%>
<%@page import="modelo.dominio.Seccion"%>
<%@page import="java.util.List"%>
<%
int area = 0;
List<Seccion> secciones = null;
try {
    area = Integer.parseInt(session.getAttribute("sArea").toString());
    secciones = Secciones.instancia().obtenerPadres(area);
%>
<!-- Empieza la cabecera -->
<div id="cabecera">
    <table id="menu">
        <tr>
            <td>
                <img src="images/logo.png" width='300' height='50' alt="Logo"/>
            </td>
            <td>
                <font size="5" color="green">
                    <strong>
                        Sistema de Seguridad, Salud y Medio Ambiente
                    </strong>
                </font>
            </td>
            <td valign="bottom">
                <%
                    if (session.getAttribute("sUsuario") == null) {
                        out.println("Invitado [<a href='front?v=4&ac=4'>Entrar</a>]");
                    } else {
                        out.println(session.getAttribute("sNombre"));
                    }
                %>
            </td>
            <td>
                <form method="post" id="buscar" action="index" onsubmit="">
                    <input type="text" class="textbox" name="criterio" size="15"/>
                    <input type="hidden" name="ac" value="bus" />
                    <button type="submit" value="clicked" class="send">
                        <img src="images/buscar.png" alt="Buscar" width='20' height='20'/> Buscar
                    </button>
                </form>
                <a href='javascript:void(0)' onclick="charge('#centro', 'front?v=0&ac=10');">Avanzada</a>
            </td>
        </tr>
        <tr>
            <td align="left">
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <a href="" onclick="">
                    <img src="images/inicio.png" width='20' height='20' alt="Inicio"/>
                </a>
            </td>
            <td></td>
            <td valign="top" align="right">
                <%
                    if (session.getAttribute("sUsuario") == null) {
                        out.println("<a href='front?v=4&ac=4'>Entrar</a>");
                    } else {
                        out.println("<a href='usuario?ac=lo'><img src='images/salir.png' width='20' height='20' alt='Salir' title='Salir'/></a>");
                    }
                %>
                &nbsp;&nbsp;
            </td>
            <td align="left">
                <a href="javascript:void(0)" onclick="charge('#contenido', 'front?v=0&ac=5');">
                    <img src="images/conf.png" width='20' height='20' alt="Configuracion" title='Configuracion'/>
                </a>
                &nbsp;&nbsp;
                <a href="javascript:void(0)" onclick="charge('#centro', 'acerca.html');" title='Acerca'>
                    <img src="images/inf.png" width='20' height='20' alt="Acerca"/>
                </a>
            </td>
        </tr>
    </table>
    <div id="tabs">
        <ul id="secciones_p">
            <%for (Seccion sec :secciones) { %>
            <li onclick="cargar_hi(<%=sec.getIdSeccion()%>);">
                 <a href='javascript:void(0)'><%=sec.getNombre()%></a>
            </li>
            <%} %>
            <li onclick="charge('#contenido', 'front?v=3&ac=7');">
            <a href='javascript:void(0)'>Terminos y Condicionantes</a>
            </li>
        </ul>
    </div>
</div>
<%
} catch(Exception e) {
    out.println(e.getMessage());
} %>
<script type="text/javascript">
$(document).ready(function() {
    var tabs = $( "#tabs" ).tabs({
        beforeLoad: function( event, ui ) {return false;} 
    });
    $("#buscar").submit(function(event) {
        event.preventDefault();
        var url = $(this).attr("action");
        if ($("input[name=criterio]").val().length <= 0) {
            $("input[name=criterio]").focus();
            return false;
        }
        $.post(url, $(this).serialize(), function(data) {
            $("#centro").html(data);
        }).fail(function() {
            $("#centro").empty().append("No fue posible acceder al servidor: " + url);
        });
        $("#centro").html('<p><img src="images/loading.gif" /><br/>Buscando...</p>');
        return false;
    });
});
//charge('#secciones_p', 'secs?ac=pa');
function cargar_hi(id) {
//alert(id);
    charge('#lista_izq', 'secs?ac=hi&id=' + id);
    charge('#centro', 'acerca.html');
    charge('#derecha', 'front?v=0&ac=8');
}
</script>
<!-- Termina la cabecera -->